.LoginStyle001 {
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;

	& > div {
		height: 100%;

		&.left {
			flex: 1359;
			background: #446efe;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;

			& > div {
				&.top {
					width: calc(100% - 90px);
					flex: 200;
					display: flex;
					align-items: center;
					justify-content: flex-start;
					padding-left: 90px;

					& > img {
						width: 50px;
						height: 50px;
						margin-right: 10px;
						object-fit: contain;
					}

					& > div {
						& > div:first-child {
							height: 30px;
							font-size: 22px;
							font-family: PingFangSC-Medium, PingFang SC;
							font-weight: 500;
							color: #ffffff;
							line-height: 30px;
						}

						& > div:last-child {
							height: 18px;
							font-size: 13px;
							font-family: PingFangSC-Regular, PingFang SC;
							font-weight: 400;
							color: #ffffff;
							line-height: 18px;
						}
					}
				}

				&.bottom {
					flex: 880;
					width: 100%;
					display: flex;
					align-items: center;
					justify-content: center;
					flex-direction: column;

					& > img {
						width: 722px;
						height: 522px;
						object-fit: contain;
					}

					& > div:first-child {
						height: 56px;
						font-size: 40px;
						font-family: PingFangSC-Medium, PingFang SC;
						font-weight: 500;
						color: #ffffff;
						line-height: 56px;
						margin-bottom: 30px;
					}

					& > div:nth-child(2) {
						& > div {
							height: 33px;
							font-size: 24px;
							font-family: PingFangSC-Regular, PingFang SC;
							font-weight: 400;
							color: #ffffff;
							line-height: 33px;
						}
					}
				}
			}
		}

		&.right {
			flex: 500;
			padding: 30px;
			height: calc(100% - 60px);
			display: flex;
			justify-content: space-between;
			flex-direction: column;

			& > .top {
				display: flex;
				align-items: center;
				justify-content: flex-end;
				height: 20px;
				font-size: 14px;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #888888;
				line-height: 20px;

				& > span {
					color: #1aa1ff;
					text-decoration: underline;
					cursor: pointer;
				}
			}

			& > .input {
				padding: 50px;

				& > div:nth-child(1) {
					height: 42px;
					font-size: 30px;
					font-family: PingFangSC-Medium, PingFang SC;
					font-weight: 500;
					color: #222222;
					line-height: 42px;
					margin-bottom: 10px;
				}

				& > div:nth-child(2) {
					height: 25px;
					font-size: 18px;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #444444;
					line-height: 25px;
					margin-bottom: 60px;
				}

				& > .SignUp {
					.ant-form-item-label > label {
						height: 20px;
						font-size: 14px;
						font-family: PingFangSC-Regular, PingFang SC;
						font-weight: 400;
						color: #446efe;
						line-height: 20px;

						&::before {
							display: none;
						}
					}

					.ant-input {
						border: none;
						border-radius: 0;
						border-bottom: 1px solid #888888;
						padding: 8px 11px;
						font-size: 16px;
						font-family: PingFangSC-Regular, PingFang SC;
						font-weight: 400;
						color: #444444;
						line-height: 22px;
					}

					.ant-input:focus,
					.ant-input-focused,
					.ant-input-affix-wrapper:focus,
					.ant-input-affix-wrapper-focused {
						border-bottom: 1px solid #446efe;
						box-shadow: none;
					}

					.ant-input-affix-wrapper {
						border: none;
						border-radius: none;
						padding: 0;
					}

					.ant-form-vertical,
					.ant-form-item-label {
						padding: 0;
					}

					.ant-btn-primary {
						margin-top: 30px;
						background: #446efe;
						border-radius: 8px;
						border: 0;
						height: 40px;
					}
				}
			}

			& > .bottom {
				display: flex;
				align-items: center;
				height: 17px;
				font-size: 12px;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #888888;
				line-height: 17px;
			}
		}
	}
}
